﻿	ul{
		padding:0;
		margin:0;
		list-style:none;
	}
	li{
		padding:0;
		margin:0;
	}

	a{
	
		text-decoration: none;
	    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	}

	[type="text"]{

		border:none;
		box-sizing: border-box;
		width:100%;
		height: 100%;
		font-size:.3rem;
		text-align: center;
	}
	[type="text"]:focus{
		outline: none;
	}

	
	.renList-box{

		margin-top:.2rem;
		width: calc(100% - .6rem);
		font-size: .2rem;
		padding:.3rem;
		position: relative;
		
	}

	.renList-box>.renList-filed{
		
		
		width: 100%;
		height: 1.2rem;
		overflow: hidden;
		background-color: rgb(33,150,243);
		line-height: 1.2rem;
		color:#fff;
	}
	.renList-filed div{

		width: calc(100% / 3);
		float:left;
		text-align: center;
	}

	.renList-data{

		width: 100%;
		

	}
	.renList-data-item{

		width: 100%;
		height: 1rem;
		line-height: 1rem;
		overflow: hidden;
		border-bottom:1px solid;

	}
	.renList-data-item div{

		width: calc(100% / 3);
		float:left;
		text-align: center;

	}
	.tip{

		position: fixed;
		width: 100%;
		height: 100%;
		background:transparent;
		top:100%;
		left:0;
		


	}

	.tip>.tip-box{

		position: absolute;
		width:100%;
		height: 9rem;
		bottom:0;
		left:0;
		overflow-x: auto;
		border-top:solid 1px;
		/*padding:.3rem;*/


	}

	.tip-box>.tipBoxList{
		
		width:100%;
		height: 100%;

		
	
	}

	.tipBoxList>li{
		
		position:relative;
		width:calc(100% - .6rem);
		/*float:left;*/
		padding:.3rem;
		background:rgb(236,236,236);

	}

	.yixiangTable{

		/*background: orange;*/
	}
	.fenxi{

		/*background:blue;*/
		height: calc(100% - 0.6rem);
	}

	.tipBoxList>li>.kongzhi{

		position:absolute;
		background:black;
		width:.5rem;
		height: .5rem;
		right:1rem;
		top:0.15rem;
		z-index: 10;
		background: url('../img/home.png') no-repeat;
		background-size:cover;
	}



	.yixiang-box{
		
		position: relative;
		width:100%;
	}

	.yixiang-box>.yixiang-filed{
		

		width:100%;
		overflow:hidden;

	}

	.yixiang-filed>div{

		width:calc(100% / 2);
		text-align: center;
		font-size:.3rem;
		float:left;
		font-weight: bold;
		height:.5rem;
		line-height: .5rem;
		border-bottom:1px solid;
	}

	.yixiang-data-box{
		width:100%;
		height: 100%;
	}

	.yixiang-data{

		width:100%;

		border-bottom:1px solid;
		overflow:hidden;

	}

	.yixiang-data>div{

		width:calc(100% / 2);
		text-align: center;
		font-size:.3rem;
		float:left;
		height: .8rem;
		line-height: .8rem;
		text-overflow:ellipsis;
		

	}

	.isRead{

		color:#fff;
	}

	.audio{

		position: absolute;
		width:4rem;
		height: 2rem;
		/*border:1px solid;*/
		top:20%;
		left:calc(50% - 2rem);
		display: none;


	}

	.active{
		
		
		background:rgba(0,233,233,0.5);
	}

	.audio>div{

		width:calc(100% / 2);
		float:left;
		height: 100%;
	}

	.audio_i_play{

		background:url('../img/play.png') no-repeat;
		background-size:cover;
	}

	.audio_i_pasue{

		background:url('../img/pasue.png') no-repeat;
		background-size:cover;
	}

	.tijiaobut{
		
		width:100%;
		height: 100%;
		line-height: 2rem;
		text-align: center;
		background:orange;
		font-size:.6rem;
		border-radius: .5rem;

	}

	.char-box{

		width:100%;
		height:100%;
		/*padding:0.3rem;*/
	}
	
	.char-box>.charts{
		
		width:100%;
		overflow:hidden;

	}

	.charts>li{
		
		width:calc( 100% / 3 );
		height:calc( 100% / 3);
		box-sizing: border-box;
		height: 4.3rem;
		border-right:1px solid rgb(200,200,200);
		border-bottom:1px solid rgb(200,200,200);
		float:left;
		position: relative;

/*		margin-left:.3rem;
		margin-top:.3rem;*/
	}

	.charts>li>div{
		
		width:100%;
		text-align: center;

	}

	.charts>li>.title{
		
		font-size:.3rem;
		font-weight: 600;
		height: 1rem;
		line-height: 1rem;
	}

	.charts>li>.title-pre{
		
		font-size:.3rem;
		font-weight: 200;
	}
	.charts>li>.echa{
		width:100%;
		height: 1.2rem;
	}





